<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>学生会管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" href="css/framework7.min.css">
    <link rel="stylesheet" type="text/css" href="css/kitchen-sink.css"/>
    <!-- Path to your custom app styles-->
    <link rel="stylesheet" type="text/css" href="css/mystyle.css"/>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/highcharts.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/exporting.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/export-excel.js" type="text/javascript" charset="utf-8"></script>
    <script id="panelTemplate" type="text/template7">
    	<div class="list-block  media-list">
	      <ul>
	      	<li>
		      <a href="{{user_info.user_url}}" class="item-link item-content">
		        <div class="item-media user-photo">{{user_info.user_nickname}}</div>
		        <div class="item-inner">
		          <div class="item-title-row">
		            <div class="item-title">{{user_info.user_name}}</div>
		          </div>
		          <div class="item-subtitle">{{user_info.user_department}}{{user_info.user_position}}</div>
		        </div>
		      </a>
		    </li>
		    {{#each func_list}}
	        <li>
		      <a href="{{url}}" class="item-link close-panel item-content">
		        <div class="item-inner">
		          <div class="item-title">{{name}}</div>
		        </div>
		      </a>
		    </li>
		    {{/each}}
	      </ul>
	    </div>
    </script>
    
    <script id="tbTemplate" type="text/template7">
		{{#each class}}
        <optgroup label="{{name}}">
            {{#each menbers}}
            <option value="{{no}}">{{name}}({{no}})</option>
            {{/each}}
        </optgroup>
        {{/each}}
	</script>
  </head>
  <body>
    <!-- Status bar overlay for fullscreen mode-->
    <div class="statusbar-overlay"></div>
    <!-- Panels overlay-->
    <div class="panel-overlay"></div>
    <!-- Left panel with reveal effect-->
    <div class="panel panel-left panel-cover" style="background: #fff;color: #000;">
      
        未登陆
      
    </div>
    
    <!-- Views-->
    <div class="views">
      <!-- Your main view, should have "view-main" class-->
      <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
          <div class="navbar-inner">
          	<!--登录按钮-->
          	<div class="left sliding">
          		<a href="login.html" class="link icon-only login-btn">
                	<!--<span class="glyphicon glyphicon-user" aria-hidden="true"></span>-->
                	<span>登录</span>
                </a>
          	</div>
            <div class="center sliding">水利计通系</div>
            <!--功能面板-->
            <div class="right">
              <a href="#" class="link icon-only open-panel nav-btn">
              	<i class="icon icon-bars"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="pages navbar-through toolbar-through">
          <div data-page="index" class="page">
            <div class="page-content">
              
              <div data-pagination=".swiper-pagination1" data-loop="true" data-autoplay = "3000" data-space-between="20" data-slidesPerView="1" class="swiper-container swiper-init">
		        <div class="swiper-pagination swiper-pagination1"></div>
		        <div class="swiper-wrapper" style="height: 260px;">
		          <div class="swiper-slide" style="background: red;"><img style="height: 260px;width: 100%;" src="img/beach.jpg"/></div>
		          <div class="swiper-slide" style="background: blue;"><img style="height: 260px;width: 100%;" src="img/lock.jpg"/></div>
		          <div class="swiper-slide" style="background: green;"><img style="height: 260px;width: 100%;" src="img/monkey.jpg"/></div>
		          <div class="swiper-slide" style="background: olivedrab;"><img style="height: 260px;width: 100%;" src="img/mountains.jpg"/></div>
		        </div>
		      </div>
              <div class="content-block-title"></div>
              <div data-pagination=".swiper-pagination2" data-loop="true" data-space-between="20" data-slidesPerView="1" class="swiper-container swiper-init nav-list-function">
		        <div class="swiper-pagination swiper-pagination2"></div>
		        <div class="swiper-wrapper">
		          <div class="swiper-slide">
		          	<div class="row">
	                	<div class="col-33 tablet-20"><a href="work-attendance.html" ><img src="img/i-f7.png"/><br />考勤</a></div>
	                	<div class="col-33 tablet-20"><a href="contact.html" ><img src="img/i-f7.png"/><br />通讯录</a></div>
	                	<div class="col-33 tablet-20"><a href="notification-list.html" ><img src="img/i-f7.png"/><br />通报</a></div>
	                </div>
	                <div class="row">
	                	<div class="col-33 tablet-20"><a href="apply-for-new.html" ><img src="img/i-f7.png"/><br />申请加入学生会</a></div>
	                	<div class="col-33 tablet-20"><a href="ideas-box.html" ><img src="img/i-f7.png"/><br />意见箱</a></div>
	                	<div class="col-33 tablet-20"><a href="notification-detail.html" ><img src="img/i-f7.png"/><br />统计报表</a></div>
	                </div>
		          </div>
		          
		          <div class="swiper-slide">
		          	<div class="row">
	                	<div class="col-33 tablet-20"><a href="voluntary-activity.html" ><img src="img/i-f7.png"/><br />志愿者活动</a></div>
	                	<div class="col-33 tablet-20"><a href="planning.html" ><img src="img/i-f7.png"/><br />部门活动策划</a></div>
	                	<div class="col-33 tablet-20"><a href="#" ><img src="img/i-f7.png"/><br />通报</a></div>
	                </div>
	                <div class="row">
	                	<div class="col-33 tablet-20"><a href="#" ><img src="img/i-f7.png"/><br />招新申请</a></div>
	                	<div class="col-33 tablet-20"><a href="#" ><img src="img/i-f7.png"/><br />意见箱</a></div>
	                	<div class="col-33 tablet-20"><a href="#" ><img src="img/i-f7.png"/><br />通报</a></div>
	                </div>
		          </div>
		        </div>
		      </div>
		      
		      <div class="footer">
		      	<div class="content-block tc">
		      		版权所有：长沙理工大学城南学院  水利计通系<br />
		      		技术支持：云作坊（金）
		      	</div>
		      </div>
            </div>
            
            
            <!-- Bottom Toolbar-->
	        <div class="toolbar">
	          <div class="toolbar-inner">
	          	<a href="apply-for-new.html" class="link">申请加入学生会</a>
	          	<a href="introduction-department.html" class="link">查看各部门简介</a>
	          </div>
	        </div>
          </div>
        </div>
        
     </div>
    </div>
    
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="js/framework7.js"></script>
    <script src="js/my_api.js" type="text/javascript" charset="utf-8"></script>
    <!-- Path to your app js-->
    <script type="text/javascript" src="js/my_app.js"></script>
  </body>
</html>
